.weui-tops {
  width: 100%;
  height: 15rem;
  overflow: hidden;
  position: relative;
}
.weui-tops .toosbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: .5rem;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: 2;
}
.weui-tops .toosbox a {
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  padding: .3rem;
}
.weui-tops .toosbox a > img {
  width: 1.2rem;
}
.small-cells{
    margin:0;
    font-size:.65rem;
    p.title{
        font-size:.7rem;
        color:#2f2f2f;
    }
    p.prices{
        color:#ff3c32;
        font-size:.8rem;
        span{
            font-size:.6rem;
        }
    }
    p.old-price{
        color:#7b7b7b;
        font-size:.55rem;
        span{
            text-decoration:line-through;
        }
    }
    p.comments{
        font-size:.55rem;
    }
    a.btn-more{
        padding:.1rem .4rem;
        color:#ff3c32;
        border:1px solid #ff3c32;
        border-radius:.5rem;
        font-size:.55rem;
        display:inline-block;
    }
    p.small-a{
        color:#2f2f2f;
        font-size:.55rem;
        span{
            color:#ff8866;
        }
    }
    span.right-icon{
        display:inline-block;
        padding-left:.8rem;
        background:url(../images/right.png) no-repeat left center;
        background-size:.6rem .6rem;
        margin-right:.4rem;
        font-size:.55rem;
        color:#727272;
    }
}
.details-img{
    padding:.4rem;
    background:white;
    .tuan-box{
        border:2px solid #ff3900;
        border-radius: 1.2rem;
        padding:.2rem 3rem .2rem 2.4rem;
        position:relative;
        margin:.6rem .3rem;
        .tuan-left{
            float:left;
           
        }
        .tuan-right{
            float:right;
        } 
        p.user-name{
            font-size:.6rem;
            color:#2f2f2f;
        }
        p.tip-box{
            font-size:.5rem;
            color:#818181;
        }
        .left-user{
            position:absolute;
            left:-3px;top:-3px;
            width:2.2rem;
            height:2.2rem;
            
            img{
                border-radius: 50%;
            }
        }
        .right-btn{
            display:block;
            position:absolute;
            right:-2px;top:-2px;
            width:2.8rem;
            height:2.18rem;
            line-height:2.18rem;
            background:#ff3900;
            border-top-right-radius: 50%;
            border-bottom-right-radius: 44%; 
            span{
                display:inline-block;  
                color:white;
                font-size:.55rem;
                padding:0 .5rem 0 .3rem;
                background:url(../images/jian.png) no-repeat right center;;
                background-size:.4rem .4rem;
            }
        }
    }
}
@media screen and (max-width: 321px) {
	.details-img .tuan-box .left-user{
        width:2.4rem;
        height:2.4rem;
    }
    .details-img .tuan-box .right-btn{
        width:2.3rem;
        height:2.3rem;
        line-height: 2.3rem;
        span{padding-left:0;}
    }
}

.warp-pages .small-swiper {
  background: #273252;
}
.warp-pages .small-swiper .swiper-wrapper{
    z-index: 2;
}
.warp-pages .small-swiper .small-slide {
  color: white;
  text-align: center;
  padding: .1rem 0;
  position:relative;
}
.warp-pages .small-swiper .small-slide p {
  font-size: .8rem;
}
.warp-pages .small-swiper .small-slide span {
  font-size: .45rem;
}
.warp-pages .small-swiper .swiper-slide-active .small-slide {
  color: white;
  background:#e21b1b;
  border-bottom: 2px solid #e21b1b;
}
.warp-pages .small-swiper .swiper-slide-active .small-slide::after{
    content:"";
    position:absolute;
    bottom:-.7rem;
    left:44%;
    border-style:solid; /* 为实线 */
    border-width:8px 8px 8px 8px; /* 底部边框拉伸，改变三角形角度大小*/
    border-color: #e21b1b transparent transparent transparent; /* 只在显示是边框设置颜色，其他为透明*/
    -webkit-transform: rotate(0deg);transform: rotate(0deg); /* 按需求旋转角度*/
}

.incapable{
    padding-top:.4rem;
    img{width:6rem;}
    
}
a.btn-go{
        background:#ff3c32;
        color:white;
        font-size:.55rem;
        border-radius: .3rem;
        padding:.2rem .5rem;
    }

.small-progress{
    width:6rem;padding:.3rem 0 .1rem;
    .weui-progress__bar{
        height:.6rem;border-radius:.3rem;
        .weui-progress__inner-bar{
            border-radius:.3rem;
            background:#ff3c32;
            font-size:.45rem;
            color:white;
            text-indent: .2rem;
        }
    }
    span{
        padding-left:.2rem;
        font-size:.5rem;
        color:#ff3c32;
    }
}